<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>移动办公</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="lib/framework7/css/framework7.ios.css">
    <link rel="stylesheet" href="lib/framework7/css/framework7.ios.colors.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="lib/framework7/plugins/welcomescreen/welcomescreen.css">
    <link rel="stylesheet" href="lib/framework7/plugins/toast/toast.css">
    <link rel="stylesheet" href="js/star-rating/jquery.rating.css"/>
    <link rel="stylesheet" href="css/jquery.wheelmenu.css"/>
    <link rel="stylesheet" href="css/dropdown-menu.css"/>
    <link rel="stylesheet" href="css/my-app.css">
    <link rel="stylesheet" href="css/my-app-pad.css">
</head>
<body class="pad-app">

<!-- Status bar overlay for full screen mode (PhoneGap) -->
<div class="statusbar-overlay"></div>
<!-- Panels overlay-->
<div class="panel-overlay"></div>

<!-- Left panel with reveal effect-->
<div class="panel panel-left panel-reveal">
    <div class="content-block">
        <div class="siderbar">
            <div class="avart clearfix">
                <a href="javascript:;">
                    <img src="image/avart.jpg" alt="">

                    <p class="username">周星星</p>

                    <p class="userid">95279527</p>
                </a>
            </div>
            <ul class="setting-list">
                <li>
                    <a href="setting.html" data-view="#view-popup">
                        <i class="icon icon-setting"></i>
                        <span>个人设置</span>
                    </a>
                </li>
                <li class="item-logout">
                    <a href="#" class="logout-button">
                        <i class="icon icon-logout"></i>
                        <span>注销账号</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- Your main view, should have "view-main" class -->
<div class="views">
    <!-- Your main view, should have "view-main" class -->
    <div id="view-left" class="view view-main">
        <div class="navbar">
            <div class="navbar-inner">
                <div class="left">
                    <a href="#" class="open-panel icon-user">
                        <img src="image/avart.jpg">
                    </a>
                </div>
                <div class="center sliding">办公导航</div>
                <div class="right fast-menu-toggle">
                    <a href="#" class="link icon-only nav-dropdown-toggle">
                        <i class="icon icon-overflow"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
            <!-- Page, "data-page" contains page name -->
            <div data-page="home" class="page">
                <!-- Scrollable page content -->
                <div class="page-content">

                </div>

                <ul class="fast-menu">
                    <ul class="menu-category">
                        <li class="category-title">流</li>
                        <li><a class="menu-link" href="quick-start.html?formId=115757"><i class="icon icon-fast-menu" style="background-image: url('image/fast-oa.png');"></i><span class="">发文拟稿</span></a></li>
                        <li><a class="menu-link" href="quick-start.html?formId=115757"><i class="icon icon-fast-menu" style="background-image: url('image/fast-oa.png');"></i><span class="">发文拟稿</span></a></li>
                        <li class="category-expand"><i class="icon icon-arrow"></i></li>
                    </ul>
                </ul>
            </div>
        </div>
    </div>

    <div id="view-center" class="view">
        <div class="navbar">
            <div class="navbar-inner navbar-inner-opaque">
                <div class="center sliding"></div>
            </div>
        </div>
        <div class="pages navbar-through">
            <!-- Page, "data-page" contains page name -->
            <div data-page="empty-center" class="page page-flat">
                <!-- Scrollable page content -->
                <div class="page-content">
                    <div class="content-block">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="view-popup" class="view">
        <div class="pages">
            <!-- Page, "data-page" contains page name -->
            <div data-page="empty-popup" class="page page-flat">
                <!-- Scrollable page content -->
                <div class="page-content">
                    <div class="content-block">
                    </div>
                </div>
            </div>
        </div>
        <div class="close-view-popup">x</div>
    </div>

</div>

<!-- Should be a direct child of BODY -->
<div class="login-screen modal-in">
    <!-- Default view-page layout -->
    <div class="view">
        <div data-page="login" class="page">
            <!-- page-content has additional login-screen content -->
            <div class="page-content login-screen-content">
                <div class="login-screen-title"><img class="icon-logo" src="image/logo.png">金智大学SS移动OA</div>
                <!-- Login form -->
                <form>
                    <div class="list-block">
                        <ul>
                            <li class="item-content">
                                <div class="item-inner">
                                    <img class="icon" src="image/login/icon-user.png">
                                    <div class="item-input">
                                        <input type="text" name="username">
                                    </div>
                                </div>
                            </li>
                            <li class="item-content">
                                <div class="item-inner">
                                    <img class="icon" src="image/login/icon-lock.png">
                                    <div class="item-input">
                                        <input type="password" name="password">
                                    </div>
                                </div>
                            </li>
                            <li class="item-content">
                                <label class="label-checkbox">
                                    <input type="checkbox" name="remember-checkbox" value="remember-password">
                                    <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">保存密码</div>
                                    </div>
                                </label>
                                <label class="label-checkbox">
                                    <input type="checkbox" name="autologin-checkbox" value="autologin">
                                    <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                                    <div class="item-inner">
                                        <div class="item-title">自动登录</div>
                                    </div>
                                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="list-block">
                        <ul>
                            <li>
                                <a href="#" class="item-link list-button login-button">登录</a>
                            </li>
                        </ul>
                    </div>
                </form>

                <div class="login-screen-title login-screen-transition"><img class="icon-logo" src="image/logo.png">欢迎使用金智大学OA系统</div>
            </div>
        </div>
    </div>
</div>

<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="lib/framework7/js/framework7.js"></script>
<script type="text/javascript" src="lib/framework7/plugins/welcomescreen/welcomescreen.js"></script>
<script type="text/javascript" src="lib/framework7/plugins/toast/toast.js"></script>
<script type="text/javascript" src="lib/jquery-1.11.3.js"></script>
<script type="text/javascript" src="lib/jquery.touchSwipe.js"></script>
<script type="text/javascript" src="js/star-rating/jquery.rating.js"></script>
<script type="text/javascript" src="js/jquery.wheelmenu.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/charset.js"></script>
<script type="text/javascript" src="js/framework7.my-plus.js"></script>

<!-- 移动校园js -->
<script type="text/javascript" src="../../plugin.apis/cordova.js"></script>
<script type="text/javascript" src="../../plugin.apis/webView.js"></script>
<script type="text/javascript" src="../../common/js/public.js"></script>

<!-- Path to your app js-->
<script type="text/javascript" src="js/app-pad.js"></script>
<script type="text/javascript" src="js/form.js"></script>
<script type="text/javascript" src="js/module/work-item.js"></script>
<script type="text/javascript" src="js/module/relay-item.js"></script>
<script type="text/javascript" src="js/module/relaydone-item.js"></script>
<script type="text/javascript" src="js/module/announcement.js"></script>
<script type="text/javascript" src="js/module/userandjob-allprocesstask.js"></script>
<script type="text/javascript" src="js/module/application-status.js"></script>
<script type="text/javascript" src="js/module/xxwj.js"></script>
<script type="text/javascript" src="js/module/message-center.js"></script>
<script type="text/javascript" src="js/module/addressBook.js"></script>
<script type="text/javascript" src="js/module/selectUser.js"></script>
<script type="text/javascript" src="js/module/selectDepart.js"></script>
<script type="text/javascript" src="js/module/agenda.js"></script>
<script type="text/javascript" src="js/module/setting.js"></script>
<script type="text/javascript" src="js/module/moonsetting.js"></script>
<script type="text/javascript" src="js/module/meeting.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<!--  weinre --httpPort 8880 --boundHost -all-  -->
<!-- <script type="text/javascript" src="http://192.168.1.152:8880/target/target-script-min.js#anonymous"></script> -->

</body>
</html>